<!DOCTYPE html>
<html>
  <head>
    <title>Car</title>
    <script type='text/javascript' src='js/prototype.js'></script>
    <script type='text/javascript' src='js/vendor.js'></script>
  </head>
  <body>
    <div id='header'>
      <h1>Vendor</h1>
      <!--
      <ul>
        <li><a href='main.html'>main page</a></li>
        <li><a href='gasPurchase.html'>gas purchase</a></li>
        <li><a href='car.html'>car</a></li>
        <li><a href='vendor.html'>vendor</a></li>
      </ul>
      -->

    </div>
    <div id="mainContent">
    <!--
CREATE TABLE vendors (vid integer primary key asc not null, vendorname text unique, address text, city text, state text, zipcode text, category text);
    -->
      <form method='post' action='/app/vendors'>
        <table>     
          <tr>
            <th>vendor:</th>
            <td>
                <input name="vendorname" size="25" maxlength="50"/>
            </td>
          </tr>
          <tr>
            <th>address:</th>
            <td>
                <input name="address" size="50" maxlength="100"/>
            </td>
          </tr>
          <tr>
            <th>city:</th>
            <td>
                <input name="city" size="25" maxlength="50"/>
            </td>
          </tr>
          <tr>
            <th>state:</th>
            <td>
                <input name="state" size="2" maxlength="2"/>
            </td>
          </tr>
          <tr>
            <th>zipcode:</th>
            <td>
                <input name="zipcode" size="10" maxlength="10"/>
            </td>
          </tr>
          <tr>
            <th>category:</th>
            <td>
                <input name="category" size="25" maxlength="50"/>
            </td>
          </tr>

        </table>
        <p><input type='submit' value='record new vendor'/></p>
      </form>
    </div>
  </body>
</html>  
